<template>
	
	<view style="height: 100%;width: 100%;">


<view v-for="(item,index) in devdata" :key="index">
	<tui-divider dividerColor="red" gradual>10086800010016</tui-divider>
	<view style="width: 100%;flex-direction: row;display: flex;">
		<tui-circular-progress percentText="同步状态:" progressColor="#2af54d" fontColor="#4af542" :percentage="70" diam="120" class=" margin-right: 10%;"></tui-circular-progress>
		<view>
			<tui-tag type="black" shape="circle">{{item.HotspottyApi.current_status}}</tui-tag>
			<tui-tag type="red" shape="circle">同步:{{item.HotspottyApi.etl_information.synced}}</tui-tag>
			<tui-tag type="danger" shape="circle">Relay:{{item.HotspottyApi.etl_information.relayed}}</tui-tag>
			<tui-tag type="warning" shape="circle">日收益:{{item.heliumReward.total}}</tui-tag>
		</view>
		<view style="height: 100%;width: 40%;flex-direction: row;display: flex;align-items:center; justify-content: center;">{{item.heliumData.name}}</view>
	</view>
</view>


<tui-tabbar :current="current"  backdropFilter :backgroundColor="backgroundColor" :tabBar="tabBar" color="#777" selectedColor="#AC9157" @click="tabbarSwitch"></tui-tabbar>
<!-- <tui-footer copyright="Power By Wikig"></tui-footer> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabBar: [
					{
						pagePath: '../dashboard/dashboard',
						text: 'Dashboard',
						iconPath: '../../static/images/tabbar/code_gray.png',
						selectedIconPath: '../../static/images/tabbar/code_active.png'
					},
					{
						pagePath: '../addhotspot/addhotspot',
						text: 'Add',
						iconPath: '../../static/images/tabbar/release.png',
						hump: true,
						selectedIconPath: '../../static/images/tabbar/release.png'
					},
					{
						pagePath: '../listhotspot/listhotspot',
						text: 'Hotspot List',
						iconPath: '../../static/images/tabbar/code_gray.png',
						selectedIconPath: '../../static/images/tabbar/code_active.png',
					}
				],
				"devdata":[],
			}
		},
		methods: {
			
			tabbarSwitch(e){
			console.log(e);
				uni.navigateTo({
				    url: e.pagePath,
				})
			},
			onShow(){
				console.log("老子load了")
				this.$data.devdata = getApp().globalData.device;
				console.log(this.$data.devdata)
			}
		}
	}
</script>

<style>

</style>
